<template>
  <div class="wrapper">
    <div class="top_img"></div>
    <div class="title"><a-icon type="tag" />限时特惠</div>
    <div class="say_1">
      享受折扣，更享受旅行
    </div>
    <div class="mytabs" size="large">
      <a-tabs>
        <a-tab-pane key="1" tab="度假别墅">
          <div class="djbs">
            <div class="djbs_item">
              <div class="djbs_img img16"></div>
              <div class="djbs_name">度假村别墅</div>
              <div class="djbs_price">￥6632/晚起</div>
              <div class="djbs_location">芽庄景区山下</div>
            </div>
            <div class="djbs_item">
              <div class="djbs_img img17"></div>
              <div class="djbs_name">三亚半岭温泉度假酒店</div>
              <div class="djbs_price">￥3265/晚起</div>
              <div class="djbs_location">半岭温泉内</div>
            </div>
            <div class="djbs_item">
              <div class="djbs_img img18"></div>
              <div class="djbs_name">湖边度假村别墅</div>
              <div class="djbs_price">￥2653/晚起</div>
              <div class="djbs_location">湖边</div>
            </div>
          </div>
        </a-tab-pane>
        <a-tab-pane key="2" tab="轻奢酒店">
          <div class="djbs">
            <div class="djbs_item">
              <div class="djbs_img img19"></div>
              <div class="djbs_name">轻奢酒店1</div>
              <div class="djbs_price">￥1233/晚起</div>
              <div class="djbs_location">海南三亚</div>
            </div>
            <div class="djbs_item">
              <div class="djbs_img img20"></div>
              <div class="djbs_name">酒店2</div>
              <div class="djbs_price">￥963/晚起</div>
              <div class="djbs_location">成华大道</div>
            </div>
            <div class="djbs_item">
              <div class="djbs_img img21"></div>
              <div class="djbs_name">轻奢酒店3</div>
              <div class="djbs_price">￥669/晚起</div>
              <div class="djbs_location">大佛寺郊区</div>
            </div>
          </div>
        </a-tab-pane>
        <a-tab-pane key="3" tab="自由行">
          <div class="djbs">
            <div class="djbs_item">
              <div class="djbs_img img22"></div>
              <div class="djbs_name">乐领诺图格营地——从森林到草原，狩猎游牧7天6晚花季穿越之旅</div>
              <div class="djbs_price">￥14999/人起</div>
            </div>
            <div class="djbs_item">
              <div class="djbs_img img23"></div>
              <div class="djbs_name">天堂在左 • 甘孜在右  川西小环线6天5晚</div>
              <div class="djbs_price">￥12150/人起</div>
            </div>
            <div class="djbs_item">
              <div class="djbs_img img24"></div>
              <div class="djbs_name">茶马道醉美金秋 奔子栏5天4晚秘境圣地</div>
              <div class="djbs_price">￥12800/人起</div>
            </div>
          </div>
        </a-tab-pane>
      </a-tabs>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style scoped lang="less">
.top_img{
  margin-top:68px;
  height:170px;
  background-image: url(~@/assets/imgs/xsth_top.png);
}
.title{
  font-size:26px;
  text-align:center;
  line-height:60px;
}
.say_1{
  font-size:18px;
  line-height: 32px;
  text-align:center;
}
.mytabs{
  padding:0 20%;
}
.djbs{
  display:flex;
  justify-content:space-between;
}
.djbs_item{
  margin:10px;
}
.djbs_img{
  width:280px;
  height:200px;
  background-size: cover;
}
.img16 {
  background-image: url(~@/assets/imgs/djbs_1.jpg);
}
.img17 {
  background-image: url(~@/assets/imgs/djbs_2.png);
}
.img18 {
  background-image: url(~@/assets/imgs/djbs_3.png);
}
.img19 {
  background-image: url(~@/assets/imgs/qsjd_1.png);
}
.img20 {
  background-image: url(~@/assets/imgs/qsjd_2.png);
}
.img21 {
  background-image: url(~@/assets/imgs/qsjd_3.png);
}
.img22 {
  background-image: url(~@/assets/imgs/zyx1.jpg);
}
.img23 {
  background-image: url(~@/assets/imgs/zyx2.jpg);
}
.img24 {
  background-image: url(~@/assets/imgs/zyx3.png);
}
</style>